<div class="tab-content">
    <div id="login" class="tab-pane active">
        <?php
        $form = $this->beginWidget('bootstrap.widgets.TbActiveForm', array(
            'id' => 'login_form',
            'enableClientValidation' => true,
            'clientOptions' => array(
                'validateOnSubmit' => true,
            ),
        ));
        ?>
        <div class="control-group">
            <div class="controls">
                <div class="input-prepend">
                    <span class="add-on"><i class="icon-user"></i></span>
                    <?php echo $form->textField($model, 'username', array('placeholder' => 'username or email')) ?>
                </div>
            </div>
            <div class="controls">
                <div class="input-prepend">
                    <span class="add-on"><i class="icon-lock"></i></span>
                    <?php echo $form->passwordField($model, 'password', array('placeholder' => 'password')) ?>
                </div>
            </div>
            <div class="controls">
                <?php echo $form->checkBoxRow($model, 'rememberMe'); ?>
            </div>
        </div>
        <button class="btn btn-inverse btn-block" type="submit">Sign in</button>
        <?php $this->endWidget(); ?>
    </div>
    <div id="forgot" class="tab-pane">
        <form action="<?php echo url('/site/forgot') ?>">
            <p class="muted tac">
                Enter your valid e-mail
            </p>
            <div class="control-group">
                <div class="controls">
                    <div class="input-prepend">
                        <span class="add-on"><i class="icon-envelope"></i></span>
                        <input type="email" placeholder="Enter your email" required="required">
                    </div>
                </div>
            </div>
            <button class="btn btn-inverse btn-block" type="submit">Recover Password</button>
        </form>
    </div>
</div>

<ul class="inline">
    <li><a class="muted" href="#login" data-toggle="tab">Login</a></li>
    <li><a class="muted" href="#forgot" data-toggle="tab">Forgot Password</a></li>
</ul>
